<extend name="public@base"/>
<block name="head">
<title>{$category.name}</title>
<style>
    .bgImgText {
        position: absolute;
        color: white;
        text-align: center;
        top: 60%;
        left: 0px;
        right: 0px;
        font-size: 70px;
        line-height: 70px;
        font-weight: bold;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, .9);
    }
    .leftTitle {
        font-size: 40px;
        color: #808080;
        font-weight: bold;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, .9);
    }
    .leftCont {
        font-size: 18px;
        color: #7f7f7f;
        font-weight: bold;
    }
    .help-block ul.list-unstyled li {
        margin-top: 2px;
    }
    .notRobotCheck {
        width: 250px;
        background: #f6f6f6;
        border: 1px solid #ddd;
        border-radius: 6px;
        padding: 10px 10px;
    }
    .notRobotCheck::after {
        content: "";
        clear: both;
        display: block;
    }
    .showLeft {
        float: left;
        padding: 0px 36px 0px 0px;
        margin-top: 20px;
    }
    .showLeft input {
        width: 26px;
        height: 26px;
        vertical-align: middle;
    }
    .showLeft label {
        padding-left: 10px;
        vertical-align: sub;
        margin-top: 8px;
    }
    .showRight {
        float: left;
        text-align: center;
    }
    .showRight img {
        width: 40px;
    }
    .showRight p {
        text-align: left;
        margin-bottom: 2px;
        font-size: 12px;
        line-height: 14px;
    }
</style>
</block>
<block name="body">
        <!-- 幻灯片 -->
        <div>
            <php>
                $contact_slide_id=empty($theme_vars['contact_slide'])?0:$theme_vars['contact_slide'];
            </php>
            <slides id="$contact_slide_id">
                <div class="container" style="position: relative;">
                    <a href="{$vo.url|default=''}"><img src="{:cmf_get_image_url($vo.image)}" alt="{$vo.title|default=''}" title="{$vo.title|default=''}" style="width: 100%;user-select: none;"></a>
                    <!-- <p class="bgImgText">GET IN TOUCH</p> -->
                </div>
            </slides>
            <noslides id="$contact_slide_id">
                <div class="container" style="position: relative;">
                    <a href="__ROOT__"><img src="__TMPL__/public/assets/img/bgboat.png" alt="This slide is just a demonstration, you have not set any slides, please go to the background template settings!" title="This slide is just a demonstration, you have not set any slides, please go to the background template settings!" style="width: 100%;user-select: none;"></a>
                    <!-- <p class="bgImgText">GET IN TOUCH</p> -->
                </div>
            </noslides>
        </div>
        
        <!-- The Line -->
        <div class="hrLine"></div>
        
        <!-- Contact us -->
        <section class="contact-us-section ptb-100 white-bg" style="padding-top: 30px;">
            <div class="container">
                <div class="row">         
                    <portal:articles order="post.create_time DESC" page="theme_vars.page_count" relation="categories" categoryIds="$category.id">          
                        <div class="col-md-6 col-lg-6"> 
                            <h3 class="leftTitle">{$vo.post_title}</h3>
                            <p class="leftCont">
                                {$vo.post_excerpt}
                            </p>
                            <div>
                                <img src="{$vo.thumbnail|default=$vo.more.thumbnail|cmf_get_image_url}" alt="concact">
                            </div>
                        </div>
                    </portal:articles>
                    <php>$guestbook=hook_one('guestbook');</php>
                    {$guestbook}
                </div>
            </div>
        </section>
        <!-- End Contact us -->
</block>